{extend name='template/base'}{/extend}
{block name='title'}{/block}
{block name='style'}{/block}
{block name='script'}{/block}
{block name='footer'}{/block}
{block name='content'}
<header class="header">
    <div>
        <a class="goback"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        我的收藏
    </div>
</header>
<div class="pages">
    <!-- Swiper -->
    <div id="refreshContainer" class="mui-scroll-wrapper" style="margin-top: -1px">
        <div class="mui-scroll">
            <div class="shop-list">
                <ul id="data_ul" >
                    <template v-for="item in items">
                        <li v-for="vo in item" class="mui-table-view-cell">
                            <div class="mui-slider-right mui-disabled">
                                <a @tap="notCollect(vo.id)" class="mui-btn mui-btn-red color-primary">取消收藏</a>
                            </div>
                            <div @tap="detailbtn(vo.id)" class="mui-slider-handle mui-navigate-right">
                                <div class="img"><img :src="vo.logo"/></div>
                                <div class="text">
                                    <div class="title">{{vo.name}}</div>
                                    <div>
                                        <p class="ellipsis font12">{{vo.shop_address}}</p>
                                        <p class="font12">
                                            <span class="color-primary">￥{{vo.aps_price}}元</span>起送
                                            <!--<span class="pull-right">3.2km</span>-->
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </li>
                    </template>
                </ul>
            </div>
        </div>
        <div class="tip-icon" id="tip-icon" style="display: none;"><i class="iconfont icon-dingdan"></i>
            <p>暂无收藏</p></div>
    </div>
</div>
{/block}
{block name='script_extra'}
<script>
    var list_url = "{:url('user/Index/collect')}";
    var goods_url = "{:url('shop/Goods/index')}";
    var del_collect_url = "{:url('shop/Shop/del_collect_store')}";
    require(['user/collect']);
</script>
{/block}